@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");

/* :::::::::: menulist :::::::::: */

menulist,
menulist[readonly="true"],
menulist[readonly="true"]:hover,
menulist[readonly="true"]:hover:active:not([disabled="true"]){
-moz-appearance:none;
margin:2px 4px;
-moz-border-image:url("chrome://global/skin/button/button.png") 4 4 4 5 / 4px 4px 4px 5px;
height:27px}

menulist:hover{
-moz-border-image:url("chrome://global/skin/button/button-hover.png") 4 4 4 5 / 4px 4px 4px 5px}

menulist[open="true"],
menulist:hover:active:not([disabled="true"]){
-moz-border-image:url("chrome://global/skin/button/button-active.png") 4 4 4 5 / 4px 4px 4px 5px}

.menulist-label-box{
-moz-box-align:center;
-moz-box-pack:center;
margin:1px}

.menulist-label-box,
menulist[open="true"]:focus > .menulist-label-box{
border:1px dotted transparent;
background-color:transparent;
color:inherit;
-moz-box-align:center}

.menulist-icon[src]{
margin:0 2px}

.menulist-label{
margin-top:0!important;
-moz-margin-end:0!important;
margin-bottom:0!important;
-moz-margin-start:1px!important}

menulist[open="true"] .menulist-label,
menulist:not([disabled="true"]):hover .menulist-label,
menulist:not([disabled="true"]):hover:active .menulist-label{
color:#000}

.menulist-description{
font-style:italic;
color:#97989a;
-moz-margin-start:1ex!important}

/* ..... dropmarker ..... */

menulist:hover:active > .menulist-dropmarker,
menulist[disabled="true"]:hover:active > .menulist-dropmarker{
-moz-border-top-colors:transparent transparent;
-moz-border-right-colors:transparent transparent;
-moz-border-bottom-colors:transparent transparent;
-moz-border-left-colors:transparent transparent;
padding:1px}

menulist > .menulist-dropmarker{
list-style-image:url("chrome://global/skin/arrow/arrow-dn.png");
-moz-image-region:auto}

menulist:focus > .menulist-dropmarker,menulist:not([disabled="true"]:hover > .menulist-dropmarker{
list-style-image:url("chrome://global/skin/arrow/arrow-dn-hover.png");
-moz-image-region:auto}

/* ..... focused state ..... */

menulist:focus > .menulist-label-box {
border:1px dotted #000}

/* ..... disabled state ..... */

menulist[disabled="true"]{
-moz-border-image:url("chrome://global/skin/button/button-disabled.png") 4 4 4 5 / 4px 4px 4px 5px;
color:#5b5b5b}

/* ::::: editable menulists ::::: */

.menulist-editable-box{
padding-top:3px;
padding-bottom:3px;
-moz-padding-start:2px;
-moz-padding-end:0}

html|*.menulist-editable-input{
margin:0!important;
border:none!important;
padding:0!important;
background:inherit;
font:inherit}

/* ::::: compact menulists ::::: */

.menulist-compact{
-moz-appearance:none;
-moz-box-align:center;
-moz-box-pack:center;
margin:0;
-moz-border-top-colors:ThreeDHighlight ThreeDLightShadow;
-moz-border-right-colors:ThreeDDarkShadow ThreeDShadow;
-moz-border-bottom-colors:ThreeDDarkShadow ThreeDShadow;
-moz-border-left-colors:ThreeDHighlight ThreeDLightShadow;
background-color:ThreeDFace;
color:ButtonText;
list-style-image:url("chrome://global/skin/arrow/arrow-dn.gif")}

.menulist-compact > .menulist-label-box > .menulist-label{
margin:0 3px!important;
text-align:right}  

.menulist-compact > .menulist-label-box > .menulist-icon{
-moz-margin-start:2px}

.menulist-compact[open="true"]{
-moz-border-top-colors:ThreeDDarkShadow ThreeDShadow;
-moz-border-right-colors:ThreeDDarkShadow ThreeDHighlight;
-moz-border-bottom-colors:ThreeDDarkShadow ThreeDHighlight;
-moz-border-left-colors:ThreeDDarkShadow ThreeDShadow}

.menulist-compact[disabled="true"]{
list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif")}

.menulist-compact:focus > .menulist-label-box {
border:1px dotted;
background-color:transparent;
color:inherit}